<?php session_start();?>
<!DOCTYPE html>
<html lang="en">
<?php include 'config/config.inc';?>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="assets/css/style.css">
<title>Event Afghanistan</title>

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400'
	rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="assets/css/animate.css" />
<link rel="stylesheet" type="text/css" href="assets/css/elements.css" />
<link rel="stylesheet" type="text/css" href="assets/css/custom.css" />
<link rel="stylesheet" type="text/css" href="assets/css/style.css" />
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
	rel="stylesheet">

</head>

<body>

	<!-- Navbar
	============= -->
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.php">Events </a>
			</div>
			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="hidden-sm hidden-md"><a href="index.php">Home</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="services.php">Services </a>
					</li>

					<li class="hidden-sm hidden-md"><a href="calendar.php">Event Calendar
					</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Voluntering </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="index.php">Resources </a>
					</li>
					<li class="hidden-sm hidden-md"><a href="about-us.php">About</a>
					</li>
					<li class="hidden-sm hidden-md"><a href="contact.php">Contact us</a>
					</li>
					<!-- Profile links for extra small screens -->
					<li class="visible-xs"><a href="sign-in.php">Sign In</a>
					</li>
					<li class="visible-xs"><a href="#">Sign Out</a>
					</li>
				</ul>
				<!-- Search form for extra small screens -->
				<form class="navbar-form navbar-left visible-xs" role="search">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="Search">
					</div>
					<button type="submit" class="hl-btn hl-btn-blue">Go!</button>
				</form>
				<ul class="nav navbar-nav navbar-right hidden-xs">
					<!-- Sign in & Sign up -->
					<li id="sign-up" class="show"><a href="sign-up.php">Sign Up</a>
					</li>
					<li id="login" class="show"><a href="login.php">Sign In</a>
					</li>
					<!-- Signed in. Profile Menu -->

					<!-- Search Button -->
					<li id="search"><a href="#" id="search-btn"><i class="fa fa-search"
							id="search-icon"></i> Search</a>
						<div class="search-box hidden" id="search-box">
							<div class="input-group">
								<input type="text" class="form-control" placeholder="Search"> <span
									class="input-group-btn">
									<button class="hl-btn hl-btn-default" type="button">Go!</button>
								</span>
							</div>
						</div></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- --------slider Start-->
	<div id="carousel-example-generic" class="carousel slide"
		data-ride="carousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-target="#carousel-example-generic" data-slide-to="0"
				class="active"></li>
			<li data-target="#carousel-example-generic" data-slide-to="1"></li>
			<li data-target="#carousel-example-generic" data-slide-to="2"></li>
			<li data-target="#carousel-example-generic" data-slide-to="3"></li>

		</ol>

		<!-- Wrapper for slides -->
		<div class="carousel-inner">
			<div class="item active">
				<img src="assets/img/silder1.jpg" alt="...">
				<div class="carousel-caption" style="">
					Kabul Afghanistan Qaser donia Hotel <br> Date :2014/2/2
				</div>
			</div>
			<div class="item ">
				<img src="assets/img/silder2.jpg" alt="...">
				<div class="carousel-caption">...</div>
			</div>
			<div class="item ">
				<img src="assets/img/silder3.jpg" alt="...">
				<div class="carousel-caption">...</div>
			</div>
			<div class="item">
				<img src="assets/img/eew.jpg" alt="..."
					style="height: 545px; width: 1500px;">
				<div class="carousel-caption">...</div>
			</div>
		</div>
		<!-- Controls -->
		<a class="left carousel-control" href="#carousel-example-generic"
			data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span>
		</a> <a class="right carousel-control"
			href="#carousel-example-generic" data-slide="next"> <span
			class="glyphicon glyphicon-chevron-right"></span> </a>
	</div>

	<!-- --------slider End -->
	<div class="container">
		<!-- Services
		================ -->
		<div class="row">
			<div class="col-md-12">
				<div class="services">
					<ul style="margin-left: 100px;">
						<a href="viewevent.php"><li><i class="fa fa-eye fa-3x "></i>
								<p>
									View Events <br />

								</p></li> </a>
						<a href="dashboard/addevent.php"><li><i class="fa fa-plus fa-3x"></i>
								<p>
									Add Events <br />

								</p></li> </a>

						<a><li><i class="fa fa-anchor fa-3x"></i>
								<p>
									Sponser Events<br />

								</p></li> </a>
						<a href="#"><li><i class="fa fa-desktop fa-3x"></i>
								<p>
									Exhaibition at Events<br />

								</p></li> </a>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		
				
		


			<div class="row">
		<div class="col-md-8">
				<div class="block-header">
					<h2>
						<span class="title">Todays Events </span><span class="decoration"></span><span
							class="decoration"></span><span class="decoration"></span>
					</h2>
				</div>
				<?php 
		$co=mysql_connect(DB_HOST,DB_USER,DB_PASSWORD);
		if (!$co){
			echo mysql_error();
		}
		$sel=mysql_select_db(DB_DATABASE);
		if(!$sel){
			echo mysql_error();
		}
		$sql=mysql_query("SELECT * from `event` ORDER BY startdate DESC limit 3");
		if(!$sql){
			mysql_error();
		}
		while ($row=mysql_fetch_array($sql)){
			?>
		<div class="row">
				<h3><?php echo $row['title']; ?></h3>
				<img src="assets/img/eventphoto/<?php echo $row['photo']; ?>" class="img-about img-responsive img">
					<p><?php echo $row['description']; ?></p>
					<?php echo $row['startdate']." To ".$row['enddate']; ?>
					
				<?php
				$_SESSION['event']=$row['id'];
		?>
		</div><hr>
		<?php		
		}?>
		
			</div>	
						<!-- Last updated-->
			<div class="col-md-4">
				<div class="block-header">
					<h2>
						<span class="title">Hot Events</span><span class="decoration"></span><span
							class="decoration"></span><span class="decoration"></span>

					</h2>
				</div>
				<?php 
				$mounth=mysql_query("Select * from `event` where `startdate`  BETWEEN (CURRENT_DATE() - INTERVAL 1 MONTH) AND CURRENT_DATE()");
				if (!$mounth){
					echo mysql_error();
				}
				$re=mysql_fetch_array($mounth);
				
				
				?>
				<ul class="nav nav-tabs">
					<li class="active"><a href="#topevent" data-toggle="tab">Feature
							Events</a></li>
					<li><a href="#event" data-toggle="tab">Events </a>
					</li>
					<li class=""><a href="#topevent" data-toggle="tab">Mount Events</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="event">
						<div class="media">
							<a class="pull-left" href="#"> <img class="media-object"
								src="assets/img/blog-1.jpg" alt="Blog Message"> </a>
							<div class="media-body">
								<h4 class="media-heading">
									<a href="#">Story title</a>
								</h4>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
								id ipsum varius, tincidunt odio nec, placerat enim.
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#"> <img class="media-object"
								src="assets/img/blog-2.jpg" alt="Blog Message"> </a>
							<div class="media-body">
								<h4 class="media-heading">
									<a href="#">Story title</a>
								</h4>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
								id ipsum varius, tincidunt odio nec, placerat enim.
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#"> <img class="media-object"
								src="assets/img/blog-3.jpg" alt="Blog Message"> </a>
							<div class="media-body">
								<h4 class="media-heading">
									<a href="#">Story title</a>
								</h4>
								Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
								id ipsum varius, tincidunt odio nec, placerat enim.
							</div>
						</div>
						<a href="#" class="read-more">Read more stories...</a>
					</div>



					<div class="tab-pane" id="topevent">
						<div class="media">
							<a class="pull-left" href="#"> <img class="media-object"
								src="assets/img/face1.jpg" alt="Blog Message"> </a>
							<div class="media-body">
								<a href="#">Alex Smith</a> <span class="text-muted">20 minutes
									ago</span>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Nullam id ipsum varius...</p>
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#"> <img class="media-object"
								src="assets/img/face2.jpg" alt="Blog Message"> </a>
							<div class="media-body">
								<a href="#">Dan Smith</a> <span class="text-muted">1 hour ago</span>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Nullam id ipsum varius...</p>
							</div>
						</div>
						<div class="media">
							<a class="pull-left" href="#"> <img class="media-object"
								src="assets/img/face3.jpg" alt="Blog Message"> </a>
							<div class="media-body">
								<a href="#">David Smith</a> <span class="text-muted">11/10/2013</span>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
									Nullam id ipsum varius...</p>
							</div>
						</div>

					</div>
				</div></div>
			
			
			<div class="col-md-4">
				<div class="well">
					<h2>Advertizing</h2>
					<p>Navs available in Bootstrap have shared markup, starting with
						the base .nav class, as well as shared states. Swap modifier
						classes to switch between each style.</p>

				</div>
			</div>
	</div>
			<br> <br>
			
			<!-- Recent Works
		=================== -->
			
		
		</div>
	

	<!-- Foooter
================== -->
	<footer>
		<div class="container">
			<div class="row">
				<!-- Contact Us 
		=================  -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Contact us</h3>
					</div>
					<div class="content">
						<p>
							TechNation <br> Dunya Plaza<br> Shahid Abdul Haq Square <br>
							Ground Floor <br>phone:0093 788 121 311<br /> Email: <a
								href="http://www.technation.af">info@technation.af</a>
						</p>
					</div>
				</div>
				<!-- Social icons 
		===================== -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Go Social</h3>
					</div>
					<div class="col-md-10">
					<div class="content social">
						<p>Stay in touch with us:</p>
						<ul>
							<li><a href="#"><i class="fa fa-twitter"></i> </a></li>
							<li><a href="#"><i class="fa fa-facebook"></i> </a></li>
							<li><a href="#"><i class="fa fa-pinterest"></i> </a></li>
							<li><a href="#"><i class="fa fa-youtube"></i> </a></li>
							<li><a href="#"><i class="fa fa-linkedin"></i> </a></li>
							<li><a href="#"><i class="fa fa-google-plus"></i> </a></li>
						</ul>
						<div class="clearfix"></div>
					</div>
					<h5>Message Alert</h5>
					<div class="input-group">
				<label class="sr-only" for="subscribe-email"> </label>
				 <span class="input-group-addon"><img src="assets/img/flag.jpg"></span>
				<input type="text" class="form-control" id="phone"
				placeholder="your phone Number"> <span class="input-group-btn">
				<button type="submit" class="hl-btn hl-btn-default">send</button>
										</span>
									</div>
</div>
				</div>
				<!-- Subscribe 
		=============== -->
				<div class="col-sm-4">
					<div class="headline">
						<h3>Subscribe</h3>
					</div>
					<div class="content">
						<p>
							Enter your e-mail below to subscribe to our free newsletter.<br />We
							promise not to bother you often!
						</p>
						<?php if (isset($_GET['subscription'])){
							?>
							<div class="alert alert-success">
							<p>You have sueccesfully Subscribe Thank-you for your subscription </p>
							
							</div>
						<?php }?>
						<form class="form" role="form" action="execute/subscription.php" method="Post">
							<div class="row">
								<div class="col-sm-8">

									<input type="text" class="form-control" id="name" name="name"
										placeholder="Enter your Name">


									<div class="clearfix"></div>
									<br>

									<div class="input-group">
										<label class="sr-only" for="subscribe-email">Email address</label>
										<input type="email" class="form-control" id="subscribe-email"
											placeholder="Enter email" name="email"> <span class="input-group-btn">
											<button type="submit" class="hl-btn hl-btn-default">send</button>
										</span>
									</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!-- Legal 
  ============= -->
	<div class="legal">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<p>
						&copy; The Events 2014. <a href="#">Privacy Policy</a> | <a
							href="#">Terms of Service</a>
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/custom.js"></script>
	<script src="assets/js/scrolltopcontrol.js"></script>
	<!-- Scroll to top javascript -->
</body>

</html>
